<!DOCTYPE html>
<html lang="no">
    <head>
    	<title>TeamPlayers</title>
    	<meta charset="UTF-8" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link href="/css/reset.css" rel="stylesheet" type="text/css" />
		<link href="/css/jquery-ui-TP.custom/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
		<link href="/css/mainstyles.css" rel="stylesheet" type="text/css" />
		<link href="/css/forms.css" rel="stylesheet" type="text/css" />
		<script src="/lib/js/jquery-1.7.1.min.js"></script>
		<script src="/lib/js/jquery-ui-1.8.18.custom.min.js"></script>
		
		{if isset($script)}
		<script src="{$script}"></script>
		{/if}
		
    </head>

<body>
<!-- main and wrap seems a bit redundant, but this is to enable the sticky footer hack -->
<div id="wrap">
	<div id="main">
	
	<div id="topLinks">
		<p>
			<a href="#">Link 1</a> 
			<a href="#">Link 2</a> 
			<a href="#">Link 3</a>
		</p>
	</div>
	
		<div id="header">
		</div>
		<div id="loginForm">
		{if $authenticated}
			<p><a href="/profile">{$ac->name}</a> (<a href="/authentication/logout">Logout</a>)</p>
		{else}
			<p><a href="/authentication/loginScreen">Log in</a> or <a href="/authentication/registerUser">register new user</a></p>
			
		{/if}
			</div>
	
		<div id="menu">
		<h3>Menu</h3>
			<ul>
				<li><a href="/">Home</a></li>
				<li><a href="/about">About the club</a></li>
				<li><a href="#">Practice times</a></li>
				<li><a href="#">Teams</a></li>
				<li><a href="#">Calendar</a></li>
				<li><a href="#">Pictures</a></li>
				<li><a href="#">The board</a></li>
				<li><a href="#">Links</a></li>
			</ul>
		
			
		<h3>Tools</h3>
			<ul>
				<li><a href="/">Your calendar</a></li>
				
			</ul>
			
		{if $SystemAdministrator}
		<h3>Administrative</h3>
			<ul>
				<li><a href="/settings">Site Settings</a></li>
				
			</ul>
		{/if}
			
		</div>
	
		<div id="contentArea">